<template>
  <view>
    <!-- 日志打印演示按钮 -->
    <button @click="onLog()">console.log</button>
    <button @click="onDebug()">console.debug</button>
    <button @click="onInfo()">console.info</button>
    <button @click="onWarn()" type="warn">console.warn</button>
    <button @click="onError()" type="warn">console.error</button>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // 普通日志打印
    onLog() {
      // 模拟用户名验证场景
      const name = "czy"; 
      if (name === 'czy') {
        console.log("登录验证成功");
      } else {
        console.warn("用户名验证失败（warn级别）");
      }
    },

    // 调试日志打印
    onDebug() {
      console.debug("this is debug log");
    },

    // 信息日志打印
    onInfo() {
      console.info("this is info log");
    },

    // 警告日志打印
    onWarn() {
      console.warn("this is warn log");
    },

    // 错误日志打印（含异常捕获示例）
    onError() {
      console.error("this is error message");
      try {
        // 可在此处编写可能抛出错误的代码
        // 示例：throw new Error("测试错误");
      } catch (e) {
        console.error("catch error: " + e);
      }
    }
  }
};
</script>
<style>
	
</style>